<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link rel="shortcut icon" href="images/favicon.ico" />

	<style type="text/css">
		@import url(stylesheets/dark/styles.css);		/*link to the main CSS file */
	</style>

	<title>Inspiration | Tabs Shortcode page</title>
	
	<!-- Initialise jQuery Library -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
</head>
<body id="sp">
<!-- Start Main Nav -->
<div class="mainnav_full">
	<div id="MainNav">
		<a href="index.html" class="logo"><img src="images/logo.png" width="180" height="50" alt="" /></a>
		<div id="menu">
			<ul class="ddsmoothmenu">
				<li><span class="menuslide"></span><a href="#" title="Home">Home<span class="menu_description">Beginning</span></a>
                	<ul>
						<li><a href="index.html" title="Accordion Slider">Accordion Slider</a></li>
						<li><a href="index2.html" title="Nivo Slider">Nivo Slider</a></li>
						<li><a href="index3.html" title="Coin Slider">Coin Slider</a></li>
						<li><a href="index4.html" title="Anything Slider">Anything Slider</a></li>
						<li><a href="index5.html" title="3D Slider">3D Slider</a></li>
						<li><a href="index6.html" title="Roundabout Slider">Roundabout Slider</a></li>
						<li><a href="index7.html" title="Orbit Slider">Orbit Slider</a></li>
						<li><a href="index8.html" title="Serie3 Slider">Serie3 Slider</a></li>
					</ul>
                </li>
				<li class="current-menu-item"><span class="menuslide"></span><a href="#" title="About">About<span class="menu_description">About Theme</span></a>
                	<ul>
						<li><a href="about.html" title="About Us">About Us</a></li>
						<li><a href="services.html" title="Services">Services</a></li>
						<li><a href="fullwidth.html" title="Fullwidth">Fullwidth</a></li>
						<li><a href="sidebar_left.html" title="Sidebar Left">Sidebar Left</a></li>
						<li><a href="typography.html" title="Typography">Typography</a></li>
						<li><a href="faq.html" title="FAQ">FAQ</a></li>
                        <li><a href="#" title="Shortcodes">Shortcodes</a>
                        <ul>
                            <li><a href="short_tabs.html" title="Tabs">Tabs</a></li>
                            <li><a href="short_accordion.html" title="Accordion">Accordion</a></li>
                            <li><a href="short_toggle.html" title="Toggle">Toggle</a></li>
                        </ul>
                        </li>
					</ul>
                </li>
				<li><span class="menuslide"></span><a href="gallery.html" title="Gallery">Gallery<span class="menu_description">Our Gallery</span></a></li>
				<li><span class="menuslide"></span><a href="#" title="Portfolio">Portfolio<span class="menu_description">Our Portfolio</span></a>
					<ul>
						<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
						<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
						<ul>
							<li><a href="portfolio_1col.html" title="Portfolio 1 Column">Portfolio 1 Column</a></li>
							<li><a href="portfolio_2col.html" title="Portfolio 2 Column">Portfolio 2 Column</a>
							<ul>
								<li><a href="portfolio_detailed.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
							</ul>
							</li>
							<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
							<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						</ul>
						</li>
						<li><a href="portfolio_3col.html" title="Portfolio 3 Column">Portfolio 3 Column</a></li>
						<li><a href="portfolio_4col.html" title="Portfolio 4 Column">Portfolio 4 Column</a></li>
						<li><a href="portfolio_single.html" title="Portfolio Detailed">Portfolio Detailed</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="#" title="Blog">Blog<span class="menu_description">On Any Page</span></a>
					<ul>
						<li><a href="blog.html" title="Blog Page">Blog Page</a></li>
						<li><a href="blog_alternate.html" title="Blog Alternate Page">Blog Alternate Page</a></li>
						<li><a href="blog_single.html" title="Blog Single Page">Blog Single Page</a></li>
					</ul>
				</li>
				<li><span class="menuslide"></span><a href="partners.html" title="Partners">Partners<span class="menu_description">Our Partners</span></a></li>
				<li><span class="menuslide"></span><a href="contact.html" title="Contact">Contact<span class="menu_description">Write a Message</span></a></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Main Nav -->

<!-- Begin Header -->
<div class="header_full sample_01">
	<div class="head_top_shadow"></div>
	<div class="head_bot_shadow"></div>
	<div id="header"></div>
</div>
<!-- End Header -->

<!-- Start Content Wrapper -->
<div class="content_wrapper_sbr">
	<div class="PageTitle">
		<h1>Tabs Shortcode</h1>
	</div>
	<div id="breadcrumbs">
		<a href="index.html" title="Home">Home</a> &raquo; <a href="about.html" title="About Us">About Us</a> &raquo; <a href="#" title="Shortcodes">Shortcodes</a> &raquo; Tabs Shortcode
	</div>
	<!-- Content Area -->
	<div id="content">
        <!-- Start Tabs Shortcode -->
        <ul class="tabs">
            <li><a href="#tab1">Title 1</a></li>
            <li><a href="#tab2">Title 2</a></li>
            <li><a href="#tab3">Title 3</a></li>
            <li><a href="#tab4">Title 4</a></li>
        </ul>
        
        <div class="tab_container">
            <div id="tab1" class="tab_content">
				<p>Nulla facilisi. Suspendisse potenti. Mauris quis mauris turpis, id facilisis sapien. Aenean ante ante, lobortis a accumsan eu, semper eu urna. Nunc facilisis faucibus arcu, eget commodo purus ornare et. Nam semper, urna vitae accumsan malesuada, justo velit adipiscing magna, gravida tincidunt lectus eros sagittis enim. Donec erat ipsum, sollicitudin in interdum vitae, elementum in nulla. Nunc sollicitudin vehicula orci vehicula euismod. Fusce neque sapien, pharetra eu suscipit vitae, posuere et dolor. Integer ac erat in sem accumsan gravida. Donec lobortis adipiscing feugiat. Nullam a arcu justo. </p>
            </div>
            <div id="tab2" class="tab_content">
				<p>Vivamus accumsan scelerisque gravida. Maecenas eu nisl varius est venenatis faucibus ac ac ligula. Phasellus a sem est. Sed ut ligula nisl. Donec mattis vestibulum commodo. Etiam magna erat, molestie vel malesuada vel, auctor pharetra lacus. Duis ut ligula sed felis lacinia congue. Nullam eleifend tincidunt nulla. Ut vel lorem metus. Donec suscipit eleifend nulla non pretium. Sed aliquam volutpat orci, vel hendrerit turpis gravida quis. Mauris accumsan varius lacus in congue. </p>
            </div>
            <div id="tab3" class="tab_content">
				<p>Suspendisse potenti. Pellentesque sapien ipsum, aliquam sit amet fermentum id, fringilla ac mi. Morbi mauris diam, malesuada ac dignissim at, eleifend vel leo. Maecenas id lacus nec velit ornare venenatis in quis magna. Nulla pulvinar purus leo, quis iaculis augue. Ut vestibulum, felis vitae dignissim aliquet, sapien felis scelerisque erat, sit amet fermentum neque nulla ut lacus. Curabitur facilisis aliquet sollicitudin. Sed nec nisl quis nulla ultricies lacinia. Praesent pellentesque libero leo, a fermentum nisi. Proin faucibus tincidunt ligula at imperdiet. </p>
            </div>
            <div id="tab4" class="tab_content">
				<p>Duis viverra erat id orci fermentum at mollis dolor condimentum. Integer eget nisi ut diam convallis ultrices. Aenean aliquet lobortis eros vel tristique. Quisque tincidunt felis sed orci vestibulum consequat. Nulla pulvinar lectus at diam eleifend rhoncus. Vivamus auctor consectetur posuere. Nam luctus elementum dolor, ut rhoncus erat pellentesque vitae.</p>
                <p>Morbi ut magna eu turpis condimentum tincidunt vitae quis augue. Vivamus metus elit, convallis eu fermentum at, elementum eu dui. Pellentesque sit amet pulvinar orci. Nullam commodo tincidunt nibh ut porttitor. Sed vel erat enim. Integer pellentesque commodo elit nec congue. Quisque dapibus lorem massa, pretium auctor lorem. </p>
            </div>
        </div>
        <!-- End Tabs Shortcode -->
        <span class="code">code:</span>
        <pre>&lt;ul class=&quot;tabs&quot;&gt;<br />	&lt;li&gt;&lt;a href=&quot;#tab1&quot;&gt;Title 1&lt;/a&gt;&lt;/li&gt;<br />	&lt;li&gt;&lt;a href=&quot;#tab2&quot;&gt;Title 2&lt;/a&gt;&lt;/li&gt;<br />	&lt;li&gt;&lt;a href=&quot;#tab3&quot;&gt;Title 3&lt;/a&gt;&lt;/li&gt;<br />	&lt;li&gt;&lt;a href=&quot;#tab4&quot;&gt;Title 4&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />        <br />&lt;div class=&quot;tab_container&quot;&gt;<br />	&lt;div id=&quot;tab1&quot; class=&quot;tab_content&quot;&gt;<br />		&lt;p&gt;Nulla facilisi. Suspendisse potenti. Mauris quis mauris turpis, id facilisis sapien.&lt;/p&gt;<br />	&lt;/div&gt;<br />	&lt;div id=&quot;tab2&quot; class=&quot;tab_content&quot;&gt;<br />		&lt;p&gt;Vivamus accumsan scelerisque gravida. Maecenas eu nisl varius est venenatis.&lt;/p&gt;<br />	&lt;/div&gt;<br />	&lt;div id=&quot;tab3&quot; class=&quot;tab_content&quot;&gt;<br />		&lt;p&gt;Suspendisse potenti. Pellentesque sapien ipsum, aliquam sit amet fermentum id. &lt;/p&gt;<br />	&lt;/div&gt;<br />	&lt;div id=&quot;tab4&quot; class=&quot;tab_content&quot;&gt;<br />		&lt;p&gt;Duis viverra erat id orci fermentum at mollis dolor condimentum.&lt;/p&gt;<br />	&lt;/div&gt;<br />&lt;/div&gt;</pre>
	</div>
	<!-- Sidebar Area -->
	<div id="sidebar">
		<div class="widget-container widget_search">
		<form action="action" id="searchform">
			<div>
				<label for="s" class="screen-reader-text">Search for:</label>
				<input type="text" id="s" name="s" value="" />
				<input type="submit" value="Search" id="searchsubmit" />
			</div>
		</form>
		</div>
		<div class="widget-container widget_nav_menu">
			<h3>Custom Menu</h3>
			<ul>
				<li><a href="#" title="Blog Posts">Blog Posts</a></li>
				<li><a href="#" title="Lightbox">Lightbox</a></li>
				<li><a href="#" title="Sitemap">Sitemap</a></li>
				<li><a href="#" title="Video">Video</a></li>
				<li><a href="#" title="Typography">Typography</a></li>
				<li><a href="#" title="Flexible Columns">Flexible Columns</a></li>
				<li><a href="#" title="Info Boxes">Info Boxes</a></li>
				<li><a href="#" title="Buttons">Buttons</a></li>
				<li><a href="#" title="Images">Images</a></li>
				<li><a href="#" title="Tables">Tables</a></li>
				<li><a href="#" title="Google Maps">Google Maps</a></li>
				<li><a href="#" title="Widgets">Widgets</a></li>
				<li><a href="#" title="Tabs">Tabs</a></li>
				<li><a href="#" title="Accordion">Accordion</a></li>
				<li><a href="#" title="Toggle">Toggle</a></li>
			</ul>
		</div>
	</div>
	<div class="clear"></div>
</div>
<!-- End Content Wrapper -->

<!-- Start Footer Sidebar -->
<div class="fsb_full">	
	<div id="fsb">
		<!-- Start First Collumn -->
		<div class="widget-container widget_recent_posts" data-place="2">
			<h3>Latest News</h3>
			<ul>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic1.jpg" alt="" width="72" height="48" border="0" /></a>
					<h4><a href="blog_single.html">Cufon Font Replacement</a></h4>
					<p>Aenean convallis ultricies nisl, et ultrices metus gravida vel.</p>
					<div class="clear"></div>
				</li>
				<li>
					<a href="blog_single.html" class="thumb"><img src="images/news_pic2.jpg" width="72" height="48" alt="" /></a>
					<h4><a href="blog_single.html">Auto Column Alignment</a></h4>
					<p>Donec accumsan malesuada orcidonec sitmet eros lorem isum.</p>
					<div class="clear"></div>
				</li>
			</ul>
		</div>
		<!-- Start Second Collumn -->
		<div class="widget-container widget_links">
			<h3>Blogroll</h3>
			<ul>
				<li><a href="#" title="Development Blog">Development Blog</a></li>
				<li><a href="#" title="Documentation">Documentation</a></li>
				<li><a href="#" title="Plugins">Plugins</a></li>
				<li><a href="#" title="Suggest Ideas">Suggest Ideas</a></li>
				<li><a href="#" title="Support Forum">Support Forum</a></li>
			</ul>
		</div>
		<!-- Start Third Collumn -->
		<div class="widget-container widget_archive">
			<h3>Archives</h3>
			<ul>
				<li><a href="blog.html" title="August 2011">August 2011</a></li>
				<li><a href="blog_alternate.html" title="July 2011">July 2011</a></li>
				<li><a href="blog.html" title="June 2011">June 2011</a></li>
				<li><a href="blog_alternate.html" title="May 2011">May 2011</a></li>
				<li><a href="blog.html" title="April 2011">April 2011</a></li>
			</ul>
		</div>
		<!-- Start Fourth Collumn -->
		<div class="widget-container widget_text" data-place="2">
			<h3>Contact Form</h3>
			<form action="action">
				<div class="wpcf7">
					<p><label>Name:</label> <input type="text" class="wpcf7-text your-name" /></p>
					<p><label>E-mail:</label> <input type="text" class="wpcf7-text your-email" /></p>
					<p><span class="your-message"><textarea cols="20" rows="5"></textarea></span></p>
					<p><input type="submit" title="Submit" value="Submit" /></p>
				</div>
			</form>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer Sidebar -->
<!-- Start Footer  -->
<div class="footer_full">
	<div id="footer">
		<div class="copy">
			<p>Copyright &copy; 2011  &bull;  MixerTheme  &bull;  All rights reserved</p>
			<p class="developed_by">Developed By: <a href="http://cssmixer.com/">CSSMixer</a></p>
		</div>
		<div class="social">
			<a href="http://www.facebook.com/people/@/MixerTheme" title="Facebook"><img src="images/facebook.png" width="42" height="42" alt="" /></a>
			<a href="http://themeforest.net/user/MixerTheme/portfolio" title="Myspace"><img src="images/myspace.png" width="42" height="42" alt="" /></a>
			<a href="feed://themeforest.net/feeds/users/MixerTheme" title="RSS Feed"><img src="images/rss.png" width="42" height="42" alt="" /></a>
			<a href="http://twitter.com/MixerTheme" title="Twitter"><img src="images/twitter.png" width="42" height="42" alt="" /></a>
		</div>
		<div class="clear"></div>
	</div>
</div>
<!-- End Footer  -->

<!-- Theme Hook -->
<script type="text/javascript" src="js/Includer.js"></script>
<script type="text/javascript">Cufon.now();</script>
</body>
</html>